<template>
<!--  主容器-->
  <el-container >
<!--    头标签-->
    <el-header>
      <Title></Title>
    </el-header>
<!--    主标签-->
    <el-main class="main" >
    <basic-introuduce @MainPageClick="test"></basic-introuduce>
    <ApplicationScenario ></ApplicationScenario>

<footer-title></footer-title>

<!--<FrequencyAnalysis></FrequencyAnalysis>-->
    </el-main>
  </el-container>
</template>

<script>
import Title from "./Title";
import FooterTitle from "./FooterTitle";
import card from "./Card";
import BasicIntrouduce from "./BasicIntrouduce";
import ApplicationScenario from "./ApplicationScenario";
import FrequencyAnalysis from "../views/FrequencyFunction/FrequencyAnalysis";

export default {
  name: "MainPage",
  components:{
    FrequencyAnalysis,
    card,
    Title,
    BasicIntrouduce,
    ApplicationScenario,
    FooterTitle
  },
  data () {
    return {

      fits: ['fill', 'contain', 'cover', 'none', 'scale-down'],

    }
  },
  methods:{
    test(test){
      console.log("aaaaaaaaaa")
      console.log(test)
    }
  }



}
</script>

<style scoped>






</style>
